/* CSS Document */
*{text-overflow: ellipsis;}
body{
	margin: auto; background-color:#FFFFFF;
	font-size: 14px;
	line-height: 1.5;
	font-family: "微软雅黑", "宋体", Arial;
	color: #000000; min-width:1366px; overflow-x:hidden 
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,th,td{margin:0;padding:0;}
table{
border-collapse: collapse;
}
a{
color: #000000;
text-decoration: none;	text-decoration: none;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;
}
a:hover{
	color: #CC0000;
}
img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
img[align="left"]{ margin-right:10px;}
img[align="right"]{ margin-left:10px;}
ul,li,p,dl,dt{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
div,span{text-overflow: ellipsis;}
.clear{ clear:both}
.box{
	width:1100px; max-width:96%;
	margin: auto; 
}
.box2{ width:1366px; margin:auto}
.box1{ margin:auto; width:1250px; min-width:1100px;}
.fl{ float:left}
.fr{ float:right}

.header .logo{margin-top:10px; float:left;}
.app_header{ display:none;	background-color:#F8F8F8;}


.app_top{width:100%;height:118px; float:left;}


#top{ background-color:#0059B3;
	text-align: right; color:#999999; font-size:12px; line-height:28px;
}
#top .t1{
	background-image: url(t1.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	float: left;
	padding-left: 20px; margin-right:10px; color:#CCCCCC;
}
#top .t2{	background-image: url(t2.jpg);color:#CCCCCC;
	background-repeat: no-repeat;
	background-position: left center;
	float: left;
	padding-left: 20px;}
#header{
	width:100%;

	position:fixed;
	left: 0px;
	top: 0px; z-index:222; float:left;
}
.header{
	width:100%;
	background-color:#F8F8F8;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;

}
.header .top{ background-color:#2D2D2D; float:left; width:100%; color:#999999; font-size:12px; line-height:25px; padding:0px; margin:auto;}
.header .top .tel2{
	background-image: url(t1.jpg);
	background-repeat: no-repeat;
	background-position: left center; display:inline-block; padding-left:20px; margin-right:15px;
}
.bdsharebuttonbox{ float:right; width:220px;}
.header .top .phone{	background-image: url(t2.jpg);
	background-repeat: no-repeat;
	background-position: left center; display:inline-block; padding-left:20px;}
.header .box1{
	position: relative;
}

.header ul{margin:0 10px 0 0;float:right; padding:0px; }

.header ul ul{
	float:left;
	width:100%;
	position: absolute;
	left: 0px;
	top: 90px;display:none; 	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;

		border-bottom-color: #F90013;
	border-top-color: #D50010;
	
	
	z-index:2222;

}
.header ul ul ul{ left:100%; top:0px;}
.header ul li{


	position: relative; float:left; width:110px;
}

.header ul li.nbg{ background-image:none;}
.header>.box1>#nav> ul> li >a{
	color:#000000;
	font-size:16px;

	margin-top: 0;

	margin-bottom: 0;

	/*border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;*/
}
.header ul li:hover{background-color:#e70012;}
#nav> ul> li >a{display:block; float:left; width:100%; text-align:center;line-height:90px; }


.header>.box1>#nav> ul> li >ul>li>a{ color:#FFFFFF}
.header>.box1>#nav> ul> li >a:hover,.header>.box1>#nav> ul> li >a.select,.header>.box1>#nav> ul> li >a.select,.header>.box1>#nav> ul> li:hover >a{
	opacity:1;
	color:#ffffff;background-color:#e70012; 	
}


.header ul ul li{ 
	float:left;
	width:100%;
	font-size: 12px;
	line-height: 28px;
	text-align: center;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #F90013;
	border-bottom-color: #D50010;background-color:#e70012; 	
}
.header ul ul li a{
 display:block; float:left; width:100%; line-height:1.5; padding-top:8px; padding-bottom:8px;
}
.header ul ul li a:hover{background-color:#DB1A0F;color:#FFFFFF;}
.header ul ul ul{
	position: absolute;
	left: 100%;
	top: 0px;
}

.header>.box1>#nav> ul> li >a{text-decoration: none;	text-decoration: none;-webkit-transition:0ms; -moz-transition:0ms; -ms-transition:0ms; transition:0ms;}
.header>.box1>#nav> ul> li:hover >a,.header>.box1>#nav> ul> li:hover >a:hover{ color:#FFFFFF;}
/*.header>.box1>#nav> ul> li[rel='n2']>ul{ width:175px;}
.header>.box1>#nav> ul> li[rel='n2']>ul>li>a{
	text-align: left;
	text-indent: 15px;
}*/
/*banner的CSS布局*/
.banner{ width:100%; overflow:hidden; position:relative; }

.banner .hd{ height:20px; overflow:hidden; position:absolute;right:0; left: 0;  margin: 0 auto; bottom:30px;z-index:2; }
.banner .hd ul{ overflow:hidden; zoom:1; text-align:center;}
.banner .hd ul li{ display:inline-block; margin:0 4px;  width:12px; height:12px; line-height:14px; text-align:center; background:rgba(255,255,255,0.6); cursor:pointer;border-radius:100%; }
.banner .hd ul li.on{ background:rgba(255,255,255,1); color:#fff;}

.banner .bd{ position:relative; height:100%; z-index:0;}
.banner .bd li{ zoom:1; vertical-align:middle;}
.banner .bd li a{ cursor: w-resize}
.banner .bd li a .img{ width:100%;background-position: center top; background-repeat: no-repeat; }
.banner .bd li a img{ max-width: 100%; display:none}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.banner .prev,
.banner .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(slider-arrow.png)-110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;}
.banner .next{ left:auto; right:3%; background-position:8px 5px;}
.banner .prev:hover,
.banner .next:hover{ filter:alpha(opacity=100);opacity:1;}
.banner .prevStop{ display:none;}
.banner .nextStop{ display:none;}


#foot1{
	float: left;
	width: 100%;
	min-height:100px;
	padding-top: 50px;
	padding-bottom: 15px;
	background-image: url(foot1.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	font-size:12px;
	text-align: center;

}
#foot1 .footnav{ line-height:30px; text-align:center}
#foot1 .footnav a{
	font-size: 12px;
	color: #666666;
	margin-bottom: 5px;
	margin-right: 10px;
}
#foot1 .copy{ clear:both; padding-top:20px;}
#foot1 .copy,#foot1 .copy a{ color:#999999; font-size:12px;}


/*首页底部*/

.hot{
	clear: both;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color:#eeeeee;
	background-image: url(1_r3_c4.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
.hot .search{
	background-image: url(gg.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	text-align: left;
	text-indent: 30px; max-width:850px; overflow:hidden;
}
.hot .search .etitle{ float:left}
.hot .search .econtent{
	float:left;
	width:750px;
	white-space: nowrap;
	overflow: hidden;
}
.hot .search .econtent a{ margin-right:5px;} 
.hot .search,.hot form{ float:left; color:#333333; font-size:14px; line-height:28px;}

.hot form{ margin-left:15px;}
.hot form input{
	/*	background-image: url(s.jpg);
	background-repeat: no-repeat;
	background-position: left top;*/
	height: 26px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #cccccc;
	border-bottom-color: #cccccc;
	float:left;
	border-right-style: none;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #cccccc;

	padding-left: 20px; float:left; width:200px;
}
.hot form button{
	background-image: url(sbtn.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 28px;
	width: 50px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: left;
}
.hot .share{  line-height:28px; color:#666666; font-size:12px;}

.links{background-color:#353535; clear:both; float:left; width:100%; padding-top:20px; padding-bottom:20px;
}
.links ,.links a{ color:#cccccc}
.link .etitle{
/*	background-image: url(link.png);
	background-repeat: no-repeat;
	background-position: left 0px;*/
	font-size:12px;

	float:left;
	width:80px;
	color:#FFFFFF;
	text-align: left;
	text-indent: 10px;
	font-family: "宋体"; line-height:30px;
}

.link .econtent{ float:left; width:820px; margin-left:20px;line-height:30px;}
.footer2{ background-color:#171717; clear:both; float:left; width:100%; padding-top:50px; padding-bottom:50px;}
.footer2,.footer2 a{ color:#999999;}
.footer2 .left{ float:left}
.footer2 .left .footnav{ padding-bottom:20px;}
.footer2 .left .footnav a{ margin-left:5px; margin-right:5px;}
.footer2 .left .copyright{
	clear:both;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333333; padding-top:20px;
}
.footer2 .right{
	float:right;
	background-image: url(qrcode.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	height:100px;
	padding-right:250px;
	border: 1px solid #666666;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;border-radius:5px;
}
.footer2 .right .tel{
	background-image: url(tel.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	text-align: right;
	float: left;
	padding-left: 80px;
	padding-top:20px;
	padding-bottom:20px;
	font-size: 22px;
}
.footer2 .right .tel .t1{
	font-size: 14px;
}
.footer2 .right .tel .t2{
	color: #CCCCCC;
}
/*首页*/


.about{
	background-image: url(a1.jpg);
	background-repeat: no-repeat;
	background-position: center top; float:left; width:50%; background-size:cover; height:450px;
}
.about .econtent{ margin-right:60px; float:right; width:60%; margin-top:10px;}
.about ,.about a{ color:#FFFFFF}
.about .h1{ font-size:36px; text-align:right; line-height:100px;}
.about .hc{ text-align:right; line-height:3; font-size:16px}
.about .more{ line-height:28px; padding-top:50px; clear:both; text-align:right}
.about .more a{
	color: #333333;border-radius:5px;
	background-color: #FFFFFF; display:inline-block; padding-left:15px; padding-right:15px;
}
.message{ float:right; width:50%;background-image: url(a2.jpg); background-size:cover; height:450px;
	background-repeat: no-repeat;
	background-position: center top; }
.message ,.message a{ color:#FFFFFF}
.message .etitle{ text-align:center;font-size:36px;  line-height:100px;}
.message .econtent{ width:80%; margin:auto}
.message .econtent .item span{ display:none}
.message .econtent input{
	background-color:rgba(0,0,0,0.3);
	border: 1px solid rgba(255,255,255,0.3);
	color:#ffffff;
	width:98%;
	height:32px;
	border-radius:3px;
	padding-right: 1%;
	padding-left: 1%;
}
.message .econtent .content{ margin:auto; width:90%; font-size:14px; padding-bottom:15px;}
.message .econtent .item{ padding-top:10px; padding-bottom:10px;}
.message .econtent textarea{
	background-color:rgba(0,0,0,0.3);
	width:98%;
	border: 1px solid rgba(255,255,255,0.3);
	color:#ffffff;
	border-radius:3px;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 5px;
	padding-bottom: 5px;
}
.message .econtent .tijiao{ float:left; width:100%; padding-top:10px; padding-bottom:10px;}
.message .econtent .tijiao button{
	color: #FFFFFF;
	background-color: #e70012;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none; width:100%; height:45px;
}
.bin2{
	display:none;
	background-color:#2d2d2d;
	position: relative; clear:both;
}
.bin .box2 { width:100%; float:left}
.bin .box2 .img{
	background-image: url(banner.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 237px;
	width: 100%;
	position: absolute;
	left: 0px;
	top: -100px; z-index:22; overflow:hidden;
}
.bin .img img{ display:none}

.bin2  .img{
	background-image: url(banner2.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 237px;
	width: 100%;
	position: absolute;
	left: 0px;
	top: -100px; z-index:22; overflow:hidden;
}
.bin2 .tel{
	padding-top:220px;
	text-align:center;
	color:#fda532;
	font-size:18px;
	background-image: url(tel1.jpg);
	background-repeat: no-repeat;
	background-position: center 150px; padding-bottom:20px;	white-space: nowrap;
}
.bin2 .tel span{
	background-image: url(tel3.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	display:inline-block;
	padding-left:30px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	white-space: nowrap;
}
.bin .tel{
	position: absolute;
	z-index: 23;
	top: 70px;
	left: 1020px;
	color:#fda532;
	font-size: 24px;
	font-family: Georgia, "Times New Roman", Times, serif;	white-space: nowrap;
}
.bin{ height:140px; clear:both;
}.bin .box1{
	position: relative; 
}
.bin .box2{	z-index:22;
	position: relative; height:140px; clear:both}
.bin img{

	z-index:22;
	position: absolute;
	left: 0px;
	top: -100px; 
}
.pro{
	float:left;
	width:100%;
	margin-top:3px;
	padding-top:30px; background-color:#BCBFC8;
	background-image: url(probg.jpg);
	background-repeat: no-repeat;
	background-position: center bottom; padding-bottom:100px;	
}
.pro .etitle{  text-align:center; font-size:30px; line-height:60px; padding-bottom:10px; text-align:center }
.pro .etitle b{
	font-weight: lighter;
	
	position: relative; display:inline-block;
}

.pro .sort{
	clear: both;
	line-height: 32px;
	padding-top: 15px;
	padding-bottom: 15px;
	text-align:center;

}
.pro .sort a{
	background-color:#0059b3; padding-left:15px; padding-right:15px;

	display:inline-block;
	text-align: center;
	white-space: nowrap;
	margin-bottom: 15px;
	display:inline-block;
	margin-right: 5px;
	margin-left: 5px; font-size:16px; line-height:35px; color:#FFFFFF; display:inline-block;
}
.pro .sort a:hover{ background-color:#bd0000; color:#FFFFFF}
.pro .econtent{ padding-bottom:20px; width:100%; float:left}


.pro .picli {
	float: left;
	width:378px;
	padding-top:5px;
	margin-top: 10px;
	margin-right:17px;
	margin-bottom: 10px;
	margin-left: 17px;	
	text-align:center;
}
.pro .picli .img{

	width:372px;
	height:270px; overflow:hidden;
	overflow:hidden; float:left; 
	border: 3px solid #ffffff;  -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box;
}
.pro .picli .img img{
	width:100%;
	height:270px;
	float:left;


}


.pro .picli .ntitle,.case .econtents ul li .ntitle{ text-align:center;
	display:inline-block;
	cursor:pointer;
	line-height:35px;
	font-size:16px;
	float:left;
	width:100%;
	font-size:14px;
	white-space: nowrap;
	overflow: hidden; color:#000000; padding-top:10px;
}





.pro .econtent{ float:left; width:100%; clear:both; }

.pro .more{
	clear:both;
	text-align:center;
	line-height:35px;
	padding-top:25px;

/*	position: absolute;
	bottom: 100px;
	left: 0px;*/ float:left; width:100%;
}
.pro .more a{
	border: 1px solid #828387; color:#828387; display:inline-block; padding-left:25px; padding-right:25px;
}


.case{
	float:left;
	width:100%;
	margin-top:3px;
	padding-top:30px; background-color:#BCBFC8;
	background-image: url(casebg.png);
	background-repeat: no-repeat;
	background-position: center bottom; 
}
.case .etitle{ color:#0059b3; font-size:48px; text-align:center}
.case .etitle b{
	font-weight: lighter;
}
.case .sort{ font-size:14px; text-align:center; color:#333333; padding-bottom:50px; padding-top:30px;}


.case .more{ line-height:50px; background-color:#bd0000; text-align:center; clear:both}
.case .more a{ color:#ffffff}

.case .econtent{ float:left; width:100%; padding-bottom:80px;}
.case .bd li a img{ display:block}

.case .bd li {
	width:33.33333%;
	float:left;

}


.case .bd li .picli{ width:324px; margin:auto;}
.case .bd li .imgs{ float:left; width:318px; height:245px; overflow:hidden; background-color:#FFFFFF;padding:3px;}
.case .bd li .imgs img{ width:100%; height:245px; }
.case .bd li div{ clear:both}
.case .bd li .ntitle{
	font-size:16px;
	text-align:center;
	white-space: nowrap;
	overflow: hidden;color:#ffffff; 
}
.case .bd li .ntitle a{ color:#ffffff; line-height:3;}
.case .bd li .dp{ height:4.5em; overflow:hidden; line-height:1.5; font-size:12px; color:#999999}
.case .prev,
.case .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(slider-arrow.png)-110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;}
.case .next{ left:auto; right:3%; background-position:8px 5px;}
.case .econtents{ display:none}

.case a.prev{
	background-color: #BE0000;
	background-image: url(pre.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 170px;
	width: 37px; filter:alpha(opacity=100);opacity:1; margin-top:-55px;
}
.case a.next{	border-radius:0%;	background-color: #BE0000;
	background-image: url(next.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 170px;
	width: 37px;filter:alpha(opacity=100);opacity:1; margin-top:-55px;}